<!DOCTYPE html>
<html>
    <head>
        <link href="/popup/style.css" rel="stylesheet">
    </head>
    <body>
        <div class="menu-header">
            <div class="logo">
                <img width=26 src="https://raw.githubusercontent.com/kudoai/chatgpt.js-chrome-starter/main/extension/icons/icon32.png">
            </div>
            <div class="menu-title">ChatGPT Extension</div>
            <div class="main-toggle">
                <label class="toggle-switch menu-area menu-icon">
                    <input type="checkbox">
                    <span class="slider"></span>
                </label>
            </div>
        </div>
        <!-- Sub-menu items
        <div class="menu">
            <div class="menu-item menu-area">
                <label class="toggle-switch menu-icon">
                    <input type="checkbox">
                    <span class="slider"></span>
                </label>
                <span >Toggle Label 1</span>
            </div>
            <div class="menu-item menu-area">
                <label class="toggle-switch menu-icon">
                    <input type="checkbox">
                    <span class="slider"></span>
                </label>
                <span >Toggle Label 2</span>
            </div>
            <div class="menu-item menu-area">
                <label class="toggle-switch menu-icon">
                    <input type="checkbox">
                    <span class="slider"></span>
                </label>
                <span >Toggle Label 3</span>
            </div>
        </div>
        -->
        <footer>
            <div class="chatgpt-js"><a title="Powered by chatgpt.js" href="https://chatgpt.js.org" target="_blank" rel="noopener"><img src="https://raw.githubusercontent.com/kudoai/chatgpt.js/main/media/images/badges/powered-by-chatgpt.js-faded.png"></a></div>
            <span title="Check for Updates" class="menu-icon menu-area" style="right:58px ; padding-top: 7px" >
                <img width=15 height=15 src="https://i.imgur.com/Luxs8j5.png" style="margin-top: 0.04rem">
            </span>
            <span title="Support" class="menu-icon menu-area" style="right:30px ; padding-top: 9px " >
                <a title="Support" href="https://github.com/kudoai/chatgpt.js-chrome-starter/issues" target="_blank" rel="noopener">
                    <img width=15 height=13 src="https://i.imgur.com/py0EeKw.png" style="margin-bottom: 0.04rem">
                </a>
            </span>
            <span title="More ChatGPT add-ons" class="menu-icon menu-area" style="right:2px ; padding-top: 7px " >
                <a title="More ChatGPT add-ons" href="https://github.com/adamlui/chatgpt-userscripts" target="_blank" rel="noopener">
                    <svg width=16 height=16 viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M899.901 600.38H600.728v299.173c0 74.383-179.503 74.383-179.503 0V600.38H122.051c-74.384 0-74.384-179.503 0-179.503h299.173V121.703c0-74.384 179.503-74.384 179.503 0v299.174H899.9c74.385 0 74.385 179.503.001 179.503z"/></svg>
                </a>
            </span>
        </footer>
        <script src="popup.js"></script>
    </body>
</html>
